{template "header.html"}
<!--首页导航-->
{template "index-daohang.html"}
<!--左边圈子-->

<!--右边帖子-->
{template "index-youbian.html"}
<!--首页列表-->

<div class="d-container d-yincang-pc d-huading-0" 
{if $beijingtu}

{else}
style="background: {if $beijingyanse}{$beijingyanse}{else}linear-gradient(to right, #11d2b5, #745b91){/if}"
{/if}
>
	<div class="d-row">
		
    	<div class="col-md-7">
			<div class="d-yuanjiao-bianhua-10-10 d-kuan  d-bianhua-20 " 
			{if $beijingtu}

            {else}
            style="background: {if $beijingyanse}{$beijingyanse}{else}linear-gradient(to right, #11d2b5, #745b91){/if}"
            {/if}
			>
				
				<div class="row">
					
					<div class="col-md-12 col-xs-12 d-div-zou  d-buhuanhang d-yincang-pc d-huading-100"> 
					    <a href="javascript:goBack();">
					        <img class="d-yuanjiao-20 pull-left" src="{HOME_THEME_PATH}quan/img/fanhui.svg" height="20"/>
						</a>
						<a href="{CLIENT_URL}index.php?ye=0">
						    <img class="pull-right" src="{HOME_THEME_PATH}quan/img/shouye3.png" height="20"/> 
						</a>
						{if $uid == $member.uid}
							<a class="d-yincang-pc d-you-10 d-quxian-0 pull-right" href="{dr_member_url($uriprefix.'quan/home/edit', ['id' => $id])}"> 
								<div class="d-yuanjiao-20 pull-right d-zitiyanse-bai d-zuoyou-10 d-wenzi-14"> 
								<i class="fa fa-cog"></i>
								</div>
							</a>
						{/if}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
{php $erjibiao = '1_'.MOD_DIR.'_fenlei';}
{php $youerji = \Phpcmf\Service::M()->db->table($erjibiao)->where('yijiid', $_GET['qid'])->get()->getRowArray();}
<div>
	<div id="show">
<div class="d-kuangjia d-kuangjia-0">
	<div class="row" >
		<div class="col-md-2 d-yincang d-piaofu-95-0 d-guding-95  " >
			<span style="width: 10px; color: #ffffff;">.</span>
			<div class="d-piaofu-0-2-0 d-guding-95-ding">
				
				{template "index-zuobian-quanzi.html"}
			    
			</div>
			
		</div>
	    <div class="col-md-7">
	        <div class="d-kuan-fu-10">
	            
	        
			{if $daohang==1 || $daohang==3}
			<div class="d-dingwei-you-150  ">
				<div class="d-dingwei-you-150-ding d-beijing-baise d-yuanjiao-10 d-wenzi-juzhong">
					<div class="d-shang-10 d-neikuang-5-10 d-wenzi-16 {if $_GET['qid'] == '' && $_GET['t'] != 'jinghua'}d-a-hei d-jiacu {else} d-a-hui {/if}">
						<a href="/index.php?s=quan&c=show&id={$id}&i=0">全部</a>
					</div>
					{php $i = 1;}
					{table table=$erjibiao yijiid=0 cid=$id order=paixu_asc num=100 return=t1}
					<div class="d-neikuang-5-10 d-wenzi-16  {if $_GET['qid'] == $t1.id } d-jiacu d-a-hei {else} d-a-hui{/if}">
						<a href="/index.php?s={MOD_DIR}&c=show&id={$id}&qid={$t1.id}&i={$i}">{$t1.name}</a>
					</div>
					{php $i++;}
					{/table}
				</div>
			</div>
			{/if}
			
			<div class="d-yuanjiao-bianhua-10-10 d-kuan d-beijing-baise d-bianhua-20 d-dingbu-bianhua" 
			{if $beijingtu}
			style="background: url({dr_get_file($beijingtu)}) center center / cover no-repeat rgb(255, 255, 255);"
			{else}
			style="background: {if $beijingyanse}{$beijingyanse}{else} linear-gradient(to right, #11d2b5, #745b91) {/if}"
			
			{/if}
			>
			    {if $beijingtu}
    			<div class="d-gao-80 d-yincang-pc"></div>
    			{else}
    			<div class="d-gao-80 d-yincang-pc"></div>
    			{/if}
				<!--圈子头部-->
				<div class="row">
					<!--返回-->
					
					<div class="d-kuan d-buhuanhang d-a-bai">
						<div class="d-kuan ">
						    
							<div class="col-md-12 col-xs-12 d-waigao-20 d-xia-20 d-div-zou  d-buhuanhang">
								<div class=" d-yuanjiao-10">
									{if $thumb}
									<img class="d-yuanjiao-20" src="{dr_get_file($thumb)}" height="60" width="60"/>
									{else}
									<img class="d-yuanjiao-20" src="{HOME_THEME_PATH}quan/img/xinping.png" height="60" width="60"/>
									{/if}
								</div>
								<div class="d-zuo-10">
									<div class="d-jiacu d-wenzi-16 d-zitiyanse-bai-100">{$title}</div>
									<div class="d-wenzi-14 d-zitiyanse-bai d-wenzi-touming-60 d-buhuanhang">
										<span >
											帖子 
										    {count action=table table=1_quan_form_son cid=$id return=tiezi}
										    {$tiezi_count}
										</span> 
										<span class="d-buhuanhang d-zuo-10"> 会员 <div class="d-zuo-10" {if $member} id="module_joins_{$id}"{/if}>{intval($joins)}</div></span>
									</div>
									<div class="d-wenzi-14 d-zitiyanse-bai d-buhuanhang">
										<a href="{dr_url($uriprefix.'quan/home/guanlilist', ['quanid' => $id])}">
										
										<span class="d-zuo-100">
										{php $userweixin=\Phpcmf\Service::M()->db->table('member_oauth')->where('uid', $uid)->get()->getRowArray();}
										圈主：{php $user=dr_member_info($uid);}
											{if $userweixin.nickname}
												{$userweixin.nickname}
											{elseif $user.name}
												{$user.name}
											{else}
												{$user.username}
											{/if}
										</span>
										</a>
										
									</div>
								</div>
							</div>
						</div>
						
						{if $uid == $member.uid}
						<div class="d-kuan-50  d-xia-20 d-you-10 d-quxian-0">
							<a href="{dr_member_url($uriprefix.'quan/home/edit', ['id' => $id])}"> 
								<div class="d-shang-30 d-neikuang-5-10 d-beijing-baise d-yuanjiao-20 pull-right d-zitiyanse-hei"> 
								<i class="fa fa-cog"></i>
								</div>
							</a>
						</div>
						{/if}
						{php $daoqi = \Phpcmf\Service::M()->db->table('1_'.MOD_DIR.'_buy')->where('cid', $id)->where('uid', $member.uid)->get()->getRowArray();}
						{if $price > 0}
							{if $member.uid == $uid}
							{else}
								{if $member && \Phpcmf\Service::M('buy', MOD_DIR)->is_buy($member.uid, $id)}
						
									{if $daoqi['endtime'] < time()}
										<div class="d-kuan-240  d-xia-20 d-you-10 d-quxian-0">
											<a href="{dr_url(MOD_DIR.'/buy/index', ['fid' => $ci->module['field']['price']['id'],'id'=> $id])}"> 
												<div class="d-shang-30 d-neikuang-5-10 d-beijing-baise d-yuanjiao-20 pull-right d-zitiyanse-hongse">
													{$price} 续费 {$tianshu} 天
												</div> 
											</a>
								
										</div>
									{else}
										<div class="d-kuan-240 d-wenzi-you d-shang-15 d-you-10 d-quxian-0">
											<a class=""> 
											{php $shijian = \Phpcmf\Service::M('buy', MOD_DIR)->is_buy($member.uid, $id);}
												{php $shijians = dr_date($shijian['endtime'],"Y-m-d");}
												到期：{$shijians}
												
											</a>
											
										</div>
									{/if}
						
								{else}
									<div class="d-kuan-240  d-xia-20 d-you-10 d-quxian-0">
										<a href="{dr_url(MOD_DIR.'/buy/index', ['fid' => $ci->module['field']['price']['id'],'id'=> $id])}"> 
											<div class="d-shang-30 d-neikuang-5-10 d-beijing-baise d-yuanjiao-20 pull-right d-zitiyanse-hongse">
												{$price} 入圈 {$tianshu} 天
											</div> 
										</a>
									</div>
									
								{/if}
						
							{/if}
						{else}
						    
							<div class="d-kuan-100  d-xia-20 d-you-10 d-quxian-0">
								<a class="tag_joins" id="tag_joins_{$id}" data-id="{$id}"> 
									{dr_quan_tag_joins($id,$joins)} 
								</a>
							</div>
						{/if}
					</div>
					<div class="d-kuan d-buhuanhang d-a-bai d-zitiyanse-bai-100 d-xia-10">
						<div class="col-md-12 col-xs-12 d-wenzi-touming-90 d-buhuanhang d-quxian-0">
							<a href="/index.php?s=quan&c=home&m=paiming&id={$id}">
							<img src="{HOME_THEME_PATH}quan/img/paiming.png" width="25" height="25" class="d-you-10"/>
							{table table=1_quan_cart cid=$id page=1 pagesize=20 return=tt}
								<img src="{dr_avatar($tt.uid)}" width="25" height="25" class="d-touxiang-10"/>
						    {/table}
							</a>
						</div>
					</div>
					<div class="d-kuan d-buhuanhang d-a-bai d-zitiyanse-bai-100">
						<div class="col-md-12 col-xs-12 d-wenzi-touming-90 d-xia-10">
							{php $jian = str_replace(' ', "<br>", $description);}
							{$jian}
							{php $rt = \Phpcmf\Service::M()->db->table('1_quan_cart')->where('uid', $member.uid)->where('cid', $id)->countAllResults();}
							{if $rt}
								{if $kqsq == 1}
									{if $member}
										{if $uid == $member.uid}
										<a class="d-wenzi-12" href="/index.php?s=quan&c=home&m=guanli&quanid={$id}">[ 管理圈主 ]</a>
										{else}
											{php $guanlibiao = '1_'.MOD_DIR.'_guanli';}
											{php $guanliyishenqing = \Phpcmf\Service::M()->db->table($guanlibiao)->where('uid', $member.uid)->where('quanid', $id)->get()->getRowArray();}
											{if $guanliyishenqing['zhuangtai'] == 1}
												<a class="d-wenzi-12 " >[ 您是管理员 ]</a>
											{elseif $guanliyishenqing['zhuangtai'] == 10}
												<a class="d-wenzi-12 tag_guanli" id="d_guanli_{$id}" data-id="{$id}">[ 核对中 ]</a>
											{elseif $guanliyishenqing['zhuangtai'] == 2}
												<a class="d-wenzi-12 tag_guanli" id="d_guanli_{$id}" data-id="{$id}"> [ 没有通过，重新申请 ] </a>
											{else}
												<a class="d-wenzi-12 tag_guanli" id="d_guanli_{$id}" data-id="{$id}">[ 申请圈主 ]</a>
											{/if}
										{/if}
									{/if}
								{/if}
							{/if}
						</div>
					</div>
					<div class="d-kuan d-buhuanhang d-a-bai d-zitiyanse-bai-100 d-shang-10">
						
						<div class="col-md-4 col-xs-4 ">
							<a onclick="javascript:d_fenxiang();">
								<div class="d-beijing-baise-10 d-hanggao-30 d-yuanjiao-10 d-wenzi-juzhong d-kuai">分享</div>
							</a>
							
					    </div>
						<div class="col-md-4 col-xs-4 ">
							<div class="d-beijing-baise-10 d-hanggao-30 d-yuanjiao-10 d-wenzi-juzhong">
								帖子: {$tiezi_count}
								<!--div class="col-xs-6 d-wenzi-youbian">
									<a class="tag_quanzan " id="tag_quanzan_{$id}" data-id="{$id}">
										{dr_quan_tag_quanzan($id,$quanzan)} 
									</a>
								</div>
								<div class="col-xs-6 d-wenzi-zuobian">
									<span {if $member} id="module_quanzan_{$id}"{/if}>{intval($quanzan)}</span>
								</div-->
								<div class="d-clear"></div>
							</div>
							
						</div>
						<div class="col-md-4 col-xs-4 ">
							<div class="d-beijing-baise-10 d-hanggao-30 d-yuanjiao-10 d-wenzi-juzhong">浏览：{dr_show_hits($id)}</div>
						</div>
					</div>
				</div>

			</div>
			{if $glqz}
			<div class="d-kuan d-beijing-baise ">
				{module module=quan IN_id=$glqz return=r}
				<div class="col-md-3 col-xs-6  d-shangxia-10   d-shang-5 d-xia-5 d-quxian-0"> 
					<a class="d-buhuanhang" href="{$r.url}">
					    <div class=" d-yuanjiao-10">
					    	<img class="d-yuanjiao-20" src="{dr_get_file($r.thumb)}" height="30" width="30"/>
					    </div>
						<div class="d-hanggao-30 d-zuo-10 d-chaochu">
							{$r.title}
						</div>
					</a>
				</div>
				{/module}
				<div class="d-clear"></div>
			</div>
			{/if}
			<div class="d-clear"></div>
			<!--圈子导航-->
			

			<div class="d-kuan d-beijing-baise d-bianhua-20 d-beijing-baise d-yuanjiao-bianhua-10-10-xia">
				
				{if $daohang==2 || $daohang==3}
				<div class="row d-buhuanhang d-xia-20">
					<div id="header">
						<div class="swiper-wrapper baise d-buhuanhang">
							
							<div class="swiper-slide baise">
								<div class="d-neikuang-5-10 d-wenzi-16 {if $_GET['qid'] == '' && $_GET['t'] != 'tuijian' && $_GET['t'] != 'jinghua'}d-a-hei d-jiacu {else} d-a-hui {/if}">
									<a href="/index.php?s=quan&c=show&id={$id}&i=0">全部</a>
								</div>
								{if $_GET['qid'] == '' && $_GET['t'] != 'tuijian' && $_GET['t'] != 'jinghua'}<!--p class="gaoliangl curs_ss"></p-->{/if}
							</div>
							{php $i = 1;}
							{php $erjibiao = '1_'.MOD_DIR.'_fenlei';}
							{table table=$erjibiao yijiid=0 cid=$id order=paixu_asc num=100 return=t1}
							<div class="swiper-slide baise" onclick="location.href='/index.php?s={MOD_DIR}&c=show&id={$id}&qid={$t1.id}'">
								<div class="d-neikuang-5-10 d-wenzi-16  {if $_GET['qid'] == $t1.id } d-jiacu d-a-hei {else} d-a-hui{/if}">
									<a href="/index.php?s={MOD_DIR}&c=show&id={$id}&qid={$t1.id}&i={$i}">{$t1.name}</a>
								</div>
								{if $_GET['qid'] == $t1.id }<!--p class="gaoliangl curs_ss"></p-->{/if}
							</div>
							{php $i++;}
							{/table}
							<div class="swiper-slide baise">
								<div class="d-neikuang-5-10 d-wenzi-16 {if $_GET['t'] == 'jinghua'}d-a-hei d-jiacu {else} d-a-hui {/if}">
									<a href="/index.php?s={MOD_DIR}&c=show&id={$id}&t=jinghua">精华</a>
								</div>
								{if $_GET['t'] == 'jinghua' }<!--p class="gaoliangl curs_ss"></p-->{/if}
							</div>
							{if $tjyhzu == '1'}
							<div class="swiper-slide baise">
								<div class="d-neikuang-5-10 d-wenzi-16 {if $_GET['t'] == 'tuijian'}d-a-hei d-jiacu {else} d-a-hui {/if}">
									<a href="/index.php?s={MOD_DIR}&c=show&id={$id}&t=tuijian">{$dhmc}</a>
								</div>
								{if $_GET['t'] == 'tuijian' }<!--p class="gaoliangl curs_ss"></p-->{/if}
							</div>
							{/if}
							<div class="swiper-slide baise">
								<div class="d-neikuang-5-10 d-wenzi-16 {if $_GET['t'] == 'jifen'}d-a-hei d-jiacu {else} d-a-hui {/if}">
									<a href="/index.php?s={MOD_DIR}&c=show&id={$id}&t=jifen">{SITE_SCORE}商城</a>
								</div>
								{if $_GET['t'] == 'jifen' }<!--p class="gaoliangl curs_ss"></p-->{/if}
							</div>
							{if $uid == $member.uid  || $member.is_admin}
								{if dr_is_app('kami')}
								<div class="swiper-slide baise">
									<div class="d-neikuang-5-10 d-wenzi-16 d-zitiyanse-hui">
										<a href="{dr_member_url('quan/jiaru/similist', ['cid'=>$id])}">
											<i class="fa fa-credit-card"></i> 卡密
										</a>
									</div>
								</div>
								{/if}
							<div class="swiper-slide baise">
								<div class="d-neikuang-5-10 d-wenzi-16 d-zitiyanse-hui">
									<a href="{dr_member_url('quan/son/index', ['cid'=>$id])}">
										<i class="fa fa-cog"></i>
									</a>
								</div>
							</div>
							{/if}
						</div>
						<div class="d-clear"></div>
					</div>
					<div class="d-clear"></div>
				</div>
				
				<div class="d-clear"></div>
				<div class="d-xian"></div>
				{/if}
				<!--二级-->
				{if $daohang==2 || $daohang==3}
					{if $youerji}
					<div class="row d-buhuanhang ">
						<div id="header">
							<div class="swiper-wrapper baise d-buhuanhang">
								<div class="swiper-slide baise">
									<div class="d-neikuang-5-10 d-wenzi-16 {if $_GET['qid'] == '' && $_GET['t'] != 'tuijian' && $_GET['t'] != 'jinghua'}d-a-hei d-jiacu {else} d-a-hui {/if}">
										<a href="/index.php?s={MOD_DIR}&c=show&id={$id}&qid={$_GET['qid']}">全部</a>
									</div>
									{if $_GET['qid'] == '' && $_GET['t'] != 'tuijian' && $_GET['t'] != 'jinghua'}<!--p class="gaoliangl curs_ss"></p-->{/if}
								</div>
								{php $erjibiao = '1_'.MOD_DIR.'_fenlei';}
								{table table=$erjibiao yijiid=1 yijiid=$_GET['qid'] cid=$index.id order=paixu_asc num=100 return=t2}
								<div class="swiper-slide baise" onclick="location.href='/index.php?s={MOD_DIR}&c=show&id={$id}&qid={$_GET['qid']}&erji={$t2.id}'">
									<div class="d-neikuang-5-10 d-wenzi-16  {if $_GET['erji'] == $t2.id } d-jiacu d-a-hei {else} d-a-hui{/if}">
										<a href="/index.php?s={MOD_DIR}&c=show&id={$id}&qid={$_GET['qid']}&erji={$t2.id}">{$t2.name}</a>
									</div>
								</div>
								{/table}
							</div>
							<div class="d-clear"></div>
						</div>
						<div class="d-clear"></div>
					</div>
					<div class="d-clear"></div>
					<div class="d-xian"></div>
					{/if}
				{/if}
				<script src="{HOME_THEME_PATH}web/css/swiper-bundle.min.js" type="text/javascript"></script>
				
				
				<div class="row {if $daohang==2 || $daohang==3}d-shang-20{else}{/if}">
					{php $i=1;}
					{mform module=quan form=son order=inputtime qzzd=1 num=4 return=tt}
						<div class="d-wenzi-16 d-neikuang-5-10 d-chaochu">
							<span class="d-wenzi-12 d-biaoqian-40 d-yuanjiao-5">全置</span>
							<span class="d-quxian-0 d-zuo-10 ">
								<a href="{dr_son_url($tt)}" style="color: #863d8d">
									{if $tt.title} 
									{$tt.title} 
									{else} 
									{dr_strcut(dr_clearhtml($tt.neirong), 30)}
									{/if}
								</a>
							</span>
						</div>
						{php $i++;}
					{/mform}
					{php $i=1;}
					{mform module=quan form=son order=inputtime cid=$id zhiding=1 num=4 return=tt}
						<div class="d-neikuang-5-10 d-wenzi-16  d-chaochu">
							<span class="d-wenzi-12 d-biaoqian-30 d-yuanjiao-5">圈顶</span>
							<span class="d-quxian-0 d-zuo-10 ">
								<a href="{dr_son_url($tt)}">
									{if $tt.title} 
									{$tt.title} 
									{else} 
									{dr_strcut(dr_clearhtml($tt.neirong), 30)}
									{/if}
								</a>
							</span>
						</div>
						{php $i++;}
					{/mform}
				</div>
			</div>
			<!--签到-->
			{if dr_is_app('qiandao')}
				{php $qiandaoconfig = \Phpcmf\Service::L('cache')->get_file('app-qiandao');}
				{if $qiandaoconfig['xianshi'] == '2' || $qiandaoconfig['xianshi'] == '0' }
				<div class="d-yuanjiao-20 d-kuan">
					<!--签到-->
					{template "index-qiandao.html"}
				</div>
				{/if}
			{/if}
			
			<!--应用-->
			{if dr_is_app('cloud')}
				<div class="d-yuanjiao-20 d-kuan">
					{template "index-cloud.html"}
				</div>
			{/if}
			{if $_GET['t'] == 'tuijian'}
			<!--推荐用户-->
				{if $tjyhzu == '1'}
				<div id="content_list">
					{template "show-tuijian.html"}
				</div>
				<div class="d-kuan d-gao-80"></div>
				{/if}
			{elseif $_GET['t'] == 'jinghua'}
				<div id="content_list">
					{template "show-list-jinghua.html"}
				</div>
				<div class="d-kuan d-gao-80"></div>
			{elseif $_GET['t'] == 'jifen'}
			    <div class="d-yuanjiao-10 d-kuan d-beijing-baise d-bianhua-10 d-waigao-20 d-wenzi-juzhong">
					
					<a href="{dr_member_url("quan/jifen/add", ['cid' =>$id,'quanid'=>$id ])}" class="btn-signin">
						发布 {SITE_SCORE}商品 <i class="fa fa-plus-circle" style="color: #ff5202;"></i>
					</a>
				</div>
				<div id="content_list">
					{template "show-list-jifen.html"}
				</div>
				<div class="d-kuan d-gao-80"></div>
			{else}
				<!--圈子帖子-->
				{template "index-shenhe.html"}
				<div id="content_list">
					{template "show-list-data.html"}
				</div>
				<div class="d-kuan d-gao-80"></div>
			{/if}
			</div>
		</div>
		<div class="col-md-3 d-yincang">
			<!--发布-->
			{template "show-fabu.html"}
			<!--发布-->
			<div class="d-yuanjiao-10 d-kuan d-beijing-e3 d-bianhua-10  d-shang-20">
				
				<div class="d-kuan d-buhuanhang d-xia-10">
					<div class="d-yuanjiao-20 d-kuan d-jiacu d-wenzi-16">
						圈子资讯
					</div>
					<div class="d-yuanjiao-20 d-kuan-100 d-wenzi-youbian d-zitiyanse-hui d-jiacu d-wenzi-16">
						更多
					</div>
				</div>
				{php $i=1;}
				{mform module=quan form=son order=inputtime zhiding=1 num=6 return=tt}
				<div class="d-hanggao-37 d-wenzi-16 d-quxian-0 d-chaochu">
					<span class="d-jiacu d-you-10 {if $i<3}d-zitiyanse-hongse{/if}">{$i}</span>
					<a href="{dr_son_url($tt)}"> 
					    {if $tt.title}
					    {$tt.title} 
					    {else} 
					    {dr_strcut(dr_clearhtml($tt.neirong), 30)}
					    {/if}
					</a>
				</div>
				
				{php $i++;}
				{/mform}
			</div>
			<!--会员-->
			{php $rt = \Phpcmf\Service::M()->db->table('1_quan_form_yonghuzu')->where('leixing', 0)->where('kaiguan', 1)->where('cid', $id)->countAllResults();}
			{if $rt >0}
			    {if $member}
					<div class="d-yuanjiao-10 d-kuan d-beijing-e3 d-bianhua-20 d-shang-20">
						<div class="d-kuan d-buhuanhang d-xia-10">
							<div class="d-yuanjiao-20 d-kuan d-jiacu d-wenzi-16">
								圈子会员
							</div>
							
						</div>
						{template "show-huiyuan.html"}
					</div>
				{/if}
			{/if}
			<div class="d-yuanjiao-10 d-kuan d-beijing-e3 d-bianhua-20 d-shang-20">
				<div class="d-kuan d-buhuanhang">
					<div class="d-yuanjiao-20 d-kuan d-jiacu d-wenzi-16">
						推荐圈子
					</div>
					
				</div>
				<div class="d-kuan">
					<div class="row">
						{module module=quan flag=1}
						    <div class="col-md-3 col-xs-3 d-waigao-20 d-quxian" style="height:100px">
								<a href="{$t.url}">
									<div class="d-wenzi-juzhong d-yuanjiao-10">
										<img class="d-yuanjiao-20" src="{dr_thumb($t.thumb)}" height="50" width="50"/>
										<div class="d-wenzi-juzhong d-wenzi-12 d-waigao-10">{dr_strcut($t['title'], 15, '')}</div>
									</div>
								</a>
						    </div>
						{/module}
					</div>
				</div>
			</div>
			<!--版权-->
			{template "index-banquan.html"}
		</div>
	</div>
</div>

{if dr_is_app('qiandao')}
<div class="d-qiandao-tanchu" style="display: none" onclick="d_m_qiandao2()">
	<div class="d-qiandao-kuan ">
		<div class="d-qiandao-beijing">
			<div class="d-qiandao-gao"></div>
			<div class="d-qiandao-zhi" id="d-qiandao-zhi">0</div>
			<div class="d-qiandao-chenggong"> 获得<span class="d-zitiyanse-hongse" id="d-qiandao-zhi2"></span> <span id="d-qiandao-jingyan"></span>奖励 </div>
			<div class="d-qiandao-chenggong"> 连续签到 <span class="d-zitiyanse-hongse" id="d-qiandao-tian" ></span>天</div>
		</div>
	</div>
</div>
{/if}
<!--分享图-->
{template "show-index-fenxiangtu.html"}
<!--尾部导航-->
{template "show-weibudaohang.html"}
{template "fanhui.html"}
<div class="d-fenxiang d-xiala-fenxiang" style="display: none;">
	<div class="d-container">
		<div class="d-row">
			<div class="d-col-md-8-juzhong d-quxian-0 d-a-baise">
				<!--分享图123-->
				<div class="">
						<nav aria-label="">
						<!--PC端-->
						  <ul class="pager d-yincang">
							<li>
								<a  class="d-wenzi-14 my_poster_button d-zitiyanse-hui" data-id="{$id}" data-mid="{MOD_DIR}">
									<img src="{HOME_THEME_PATH}web/img/haibao.png" width="40" height="40" class="">
									<div>海报</div>
								</a>
							</li>
							
						  </ul>
						  <!--移动端-->
						  <ul class="pager d-yincang-pc">
							<li>
								<a  class="d-wenzi-14 my_poster_button d-zitiyanse-hui" data-id="{$id}" data-mid="{MOD_DIR}">
									<img src="{HOME_THEME_PATH}web/img/haibao.png" width="40" height="40" class="">
									<div>海报</div>
								</a>
							</li>
							
							<li>
								<a onclick="javascript:d_weixin();" class="d-zuo-10 d-wenzi-14  d-zitiyanse-hui" >
									<img src="{HOME_THEME_PATH}web/img/weixin.png" width="40" height="40" class="">
									<div>微信</div>
								</a>
							</li>
						  </ul>
						</nav>
				</div>
				<!--分享图-->
				<div class="col-xs-12 d-wenzi-juzhong d-quxian-0 d-shang-10">
				<div class="d-kuan d-neikuang-10" onclick="javascript:d_fenxiang();"><i class="bi bi-x-circle-fill d-wenzi-18"></i></div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="d-yonghuzu d-xiala-yonghuzu" style="display: none;">
	<div class="d-container">
		<div class="d-row">
			<div class="d-col-md-8-juzhong d-quxian-0 d-a-baise">
				<!--分享图123-->
				<div class="">
						<div class="d-yuanjiao-10 d-kuan  d-bianhua-20 d-shang-20">
							<div class="d-kuan d-buhuanhang d-xia-10">
								<div class="d-yuanjiao-20 d-kuan d-jiacu d-wenzi-16 d-wenzi-juzhong">
									圈子会员
								</div>
								
							</div>
							{template "show-huiyuan.html"}
						</div>
				</div>
				<!--分享图-->
				<div class="col-xs-12 d-wenzi-juzhong d-quxian-0 d-shang-10">
				<div class="d-kuan d-neikuang-10" onclick="javascript:d_yonghuzu();"><i class="bi bi-x-circle-fill d-wenzi-18"></i></div>
				</div>
			</div>
		</div>
	</div>
</div>
{template "show-fabu-ye.html"}
<div class="d-weixin d-xiala-weixin" style="display: none;" onclick="javascript:d_weixin();">
	<div class="d-container">
		<div class="d-row">
			<div class="d-col-md-8-juzhong d-quxian-0 d-a-baise">
				<div class="d-wenzi-you"><img src="{HOME_THEME_PATH}web/img/jiantou.png" class="d-you-10"/></div>
				<div class="d-wenzi-juzhong d-zitiyanse-bai">点击微信右上角的三个点按钮，即可分享</div>
				<div class="col-xs-12 d-wenzi-juzhong d-quxian-0 d-shang-10">
				<div class="d-kuan d-neikuang-10" ><i class="bi bi-x-circle-fill d-zitiyanse-bai d-wenzi-18"></i></div>
				</div>
			</div>
		</div>
	</div>
</div>
		<div id="huiyuanzu" class="modal fade " tabindex="-1" role="dialog" aria-labelledby="huiyuanzu">
		  <div class="modal-dialog modal-lg " role="document" >
			<div class="modal-content d-yuanjiao-10 d-neikuang-10" id="tanchuanggao" >
				<div  id="d-huiyuanzu">
					<div class="">
						<!--div class="d-huiyuan-1 d-yuanjiao-10 d-neikuang-10">
							<div class="d-buhuanhang d-gao-25">
								<span v-if="huiyuanzudata['tubiao']"><img :src="huiyuanzudata['tubiao']" width="25" height="25"></span>
							 {{huiyuanzudata['title']}}
							</div>
							<div v-if="huiyuanzudata['huiyuanmoshi']==1">
								<div v-if="huiyuanzudata['jifen']>0">
									<div >积分升级</div>
									<div>{{huiyuanzudata['jifen']}} <span style="color: #afafaf;">/ 积分</span></div>
								</div>
								<div v-else>
									<div >免费加入</div>
									<div>{{huiyuanzudata['jifen']}} <span style="color: #afafaf;">/ 积分</span></div>
								</div>
							</div>
							<div v-if="huiyuanzudata['huiyuanmoshi']==2">
								<div v-if="huiyuanzudata['feiyong']>0">
									<div >付费升级</div>
									<div>{{huiyuanzudata['feiyong']}} <span style="color: #afafaf;">/ 元</span></div>
								</div>
								<div v-else>
									<div >免费加入</div>
									<div>{{huiyuanzudata['feiyong']}} <span style="color: #afafaf;">/ 元</span></div>
								</div>
							</div>
							<div v-if="huiyuanzudata['huiyuanmoshi']==3">
								<div v-if="huiyuanzudata['jingyan']>0">
									
									<div >经验升级</div>
									<div>{{huiyuanzudata['jingyan']}} <span style="color: #afafaf;">/ 经验</span></div>
								</div>
								<div v-else>
									<div >免费加入</div>
									<div>{{huiyuanzudata['jingyan']}} <span style="color: #afafaf;">/ 经验</span></div>
								</div>
							</div>
							
							<div class="d-kuan">
								<div class="pull-left">详情</div>
								<div class="pull-right " data-target="#huiyuanzu" data-toggle="modal" @click="huiyuanzu({$id},{$tt.id})" data-quanid="{$id}"data-huiyuanzuid="{$tt.id}" ><a style="color:#ffe4de;">加入</a></div>
								<div class="d-clear"></div>
							</div>
						</div-->
						
						<table class="table table-hover">
						      <thead>
						        <tr>
						          <th></th>
								  
						          <th v-for="(item, index) in huiyuanzudatalist" :key="index">
									  {{item.title}}
								  </th>
						          
						        </tr>
						      </thead>
						      <tbody>
						        <tr>
									<th>费用</th>
						        	<th v-for="(item, index) in huiyuanzudatalist" :key="index">
									    {{item.feiyong}}
									</th>
						        </tr>
								<tr>
									<th>有效期</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.youxiaoqi == 0">无限</span>
										<span v-else>{{item.youxiaoqi}} 天</span>
									</th>
								</tr>
								<tr>
									<th>发文章</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fabutiezi == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发图集</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.jiugetu == 1"><i class="fa fa-check-circle"  style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发视频</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fbsptz == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
						        <tr>
						        	<th>发MP3</th>
						        	<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
						        		<span v-if="item.mpsan == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
						        		<span v-else><i class="fa fa-remove"></i></span>
						        	</th>
						        </tr>
								<tr>
									<th>发语音</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.yuyin == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发投票</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fbtpt == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发付费</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fabufufeitie == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发问答</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fbdst == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发商品</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fbspt == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发比赛</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.bisai == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发下载</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fbfjt == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发PK</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fbsptz == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发活动</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fbhdt == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发出租</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fabuchuzutie == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发求租</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.qiuzu == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发招聘</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.fbzpt == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th>发求职</th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span v-if="item.qiuzhi == 1"><i class="fa fa-check-circle" style="color: #2ed5bc;"></i></span>
										<span v-else><i class="fa fa-remove"></i></span>
									</th>
								</tr>
								<tr>
									<th></th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span @click="jiaruhuiyuanzu({$id},item.id)" >购买</span>
									</th>
								</tr>
								<tr>
									<th></th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span @click="huiyuanzuzhifu(item.id)" data-target="#huiyuanzuzhifu" data-toggle="modal">购买-弹出支付</span>

									</th>
								</tr>
						      </tbody>
						    </table>
					</div>
					<div class="d-clear"></div>
				</div>
			</div>
		  </div>
		</div>
		<!--弹出支付-->
		<div id="huiyuanzuzhifu" class="modal fade " tabindex="-1" role="dialog" aria-labelledby="huiyuanzuzhifu">
		  <div class="modal-dialog modal-md " role="document" >
			<div class="modal-content d-yuanjiao-10 d-neikuang-10" id="tanchuanggao" >
				<div  id="d-huiyuanzu">
					<div class="">
						<div class="d-huiyuan-1 d-yuanjiao-10 d-neikuang-10">
							
						</div>
						<table class="table table-hover">
						      <thead>
						        <tr>
						          <th></th>
								  
						          <th v-for="(item, index) in huiyuanzudatalist" :key="index">
									  {{item.title}}
								  </th>
						          
						        </tr>
						      </thead>
						      <tbody>
						        <tr>
									<th>费用</th>
						        	<th v-for="(item, index) in huiyuanzudatalist" :key="index">
									    {{item.feiyong}}
									</th>
						        </tr>
								<tr>
									<th>费用</th>
									<th >
									    <div v-html="zhifu"></div>
									</th>
								</tr>
								<tr>
									<th></th>
									<th  v-for="(item, index) in huiyuanzudatalist" :key="index">
										<span @click="huiyuanzuzhifu(item.id)" >购买-弹出支付</span>
										
									</th>
								</tr>
						      </tbody>
						    </table>
					</div>
					<div class="d-clear"></div>
				</div>
			</div>
		  </div>
		</div>
		<!--弹出支付-->
	</div>
</div>
<style>
	/*用户组*/
	.d-xiala-yonghuzu {
		z-index: 1000;
		position: fixed;
		bottom: 0px;
		width: 100%;
		height: 40%;
		overflow: auto;
		background: #ffffff;
		right: 0;
		left: 0;
		box-shadow: 0 0 20px #d6d6d6;
		background-color: rgba(255, 255, 255, 1.0);
	}
	.d-xiala-shezhi {
	    z-index: 999999;
	    position: fixed;
		border-radius: 10px 10px 0 0;
	    bottom: 0px;
	    width: 100%;
	    /*height: 40%;*/
	    overflow: auto;
	    background: #b3b3b3;
	    right: 0;
	    left: 0;
	    box-shadow: 0 0 20px #d6d6d6;
	    background-color: rgba(255, 255, 255, 1.0);
	}
.d-xiala-fenxiang {
	z-index: 1000;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 40%;
	overflow: auto;
	background: #ffffff;
	right: 0;
	left: 0;
	box-shadow: 0 0 20px #d6d6d6;
	background-color: rgba(255, 255, 255, 1.0);
}
.d-xiala-weixin {
	    z-index: 999999;
	    position: fixed;
	    top: 0px;
	    width: 100%;
	    height: 60%;
	    overflow: auto;
	    background: #ffffff;
	    right: 0;
	    left: 0;
	    box-shadow: 0 0 20px #d6d6d6;
	    background-color: rgba(54, 54, 54, 0.9);
	}
	.d-guding-95 {
		/*position: sticky;*/
		
		position: sticky;
		top: 95px;
		z-index: 4;
		width: 220px;
		
		/*margin-left: -100px;*/
	}
	.d-guding-95-ding {
	
		position: absolute;
		/*top: 20px;*/
		margin-top: -35px;
		padding-bottom: 10px;
		z-index: 4;
		width: 200px;
		
	}
	#juzhong {
	    display: flex; 
		justify-content: center; 
		align-items: center; 
		background: linear-gradient(to right, #edf1f7, #e7ebf1);
	}
	.d-huiyuan-0{
		background: linear-gradient(to right, #28304a, #514967);
		color: #ffe4de;
		/*background: linear-gradient(to right, #c8cbd5, #d4dbe2);
		color: #555d6e;*/
	}
	.d-huiyuan-1{
		background: linear-gradient(to right, #28304a, #4a4e67);
		color: #ffe4de;
		/*background: linear-gradient(to right, #c8cbd5, #d4dbe2);
		color: #555d6e;*/
	}
	.d-huiyuan-2{
		
		background: linear-gradient(to right, #28304a, #4a4e67);
		color: #ffe4de;
	}
	.d-huiyuan-3{
		
		background: linear-gradient(to right, #28304a, #4a4e67);
		color: #ffe4de;
	}
	.d-huiyuan-4{
		
		background: linear-gradient(to right, #28304a, #4a4e67);
		color: #ffe4de;
	}
	.d-gao-850{
		height: 100px;
	}
	.d-gao-25 {
		height: 25px;
	}
	.btn-default {
	    color: #333;
	    background-color: #e7ebf1;
	    border-color: #e7ebf1;
	}

}


</style>
<!-- Initialize Swiper -->
<!--script src="{HOME_THEME_PATH}web/js/lazyload.js"></script-->
<script type="text/javascript">
	
	/*jQuery(document).ready(
	        function($){
	        $("img").lazyload({
	             placeholder : "{HOME_THEME_PATH}web/img/lazyload.gif", //加载图片前的占位图片
	             effect      : "fadeIn", //加载图片使用的效果(淡入)
	             threshold : 1000
	             
	        });
	    });*/
	function d_m_fabu() {
		if ($('.d-shezhi').is(':hidden')) {
			$('.d-shezhi').show();
		} else {
			$('.d-shezhi').hide();
		}
	}
	function d_fenxiang() {
		if ($('.d-fenxiang').is(':hidden')) {
			$('.d-fenxiang').show();
		} else {
			$('.d-fenxiang').hide();
		}
	}
	// 会员组
	function d_yonghuzu() {
		if ($('.d-yonghuzu').is(':hidden')) {
			$('.d-yonghuzu').show();
		} else {
			$('.d-yonghuzu').hide();
		}
	}
	function d_weixin() {
		if ($('.d-weixin').is(':hidden')) {
			$('.d-weixin').show();
		} else {
			$('.d-weixin').hide();
		}
	}
	var mySwiper1 = new Swiper('#header',{
		slideToClickedSlide: true,
		//centeredSlides : true,
		slidesPerView: 'auto',
		//initialSlide : 0,
		{if !$get.i}
		   initialSlide : 0,
		{else}
			initialSlide : {$get.i -2},
		{/if}
	})
	
	
	const { createApp } = Vue;
	const app = createApp({
		data() {
		    return {  
		       //会员组
				huiyuanzudata:{} ,// 初始化为空数组，稍后将用接口数据填充
				huiyuanzudatalist:[],
				zhifu:''
		    };  
		}, 
	methods: {
		huiyuanzuid(quanid,huiyuanzuid) {
			
			//{dr_url_prefix('index.php')}?s=member&app=quan&c=jiaru&m=jiaruhuiyuanzu&quanid="+quanid+"&yonghuzuid="+huiyuanzuid
		    axios.get('{dr_url_prefix('index.php')}?s=member&app=quan&c=jiaru&m=jiaruhuiyuanzu&quanid='+quanid+'&huiyuanzuid='+huiyuanzuid) // 发送GET请求到指定的URL  
		        .then(response => {
					this.huiyuanzudata = response.data.data.data;
					/*if(response.data.code==0){
						layer.msg(response.data.data.msg,{time:500});
					}
					if(response.data.code==1){
						layer.msg(response.data.data.msg,{time:500});
					}*/
		            // 假设服务器返回的数据在response.data中  
		        })  
		        .catch(error => {  
		            console.error('Error fetching products:', error); // 处理错误情况  
		        });  
		},
		huiyuanzulist() {
			
			//{dr_url_prefix('index.php')}?s=member&app=quan&c=jiaru&m=jiaruhuiyuanzu&quanid="+quanid+"&yonghuzuid="+huiyuanzuid
		    axios.get('{dr_url_prefix('index.php')}?s=member&app=quan&c=jiaru&m=huiyuanzulist&quanid={$id}') // 发送GET请求到指定的URL  
		        .then(response => {
					this.huiyuanzudatalist = response.data.data.data;
					/*if(response.data.code==0){
						layer.msg(response.data.data.msg,{time:500});
					}
					if(response.data.code==1){
						layer.msg(response.data.data.msg,{time:500});
					}*/
		            // 假设服务器返回的数据在response.data中  
		        })  
		        .catch(error => {  
		            console.error('Error fetching products:', error); // 处理错误情况  
		        });  
		},
		huiyuanzu(quanid,huiyuanzuid) {
			
			//{dr_url_prefix('index.php')}?s=member&app=quan&c=jiaru&m=jiaruhuiyuanzu&quanid="+quanid+"&yonghuzuid="+huiyuanzuid
		    axios.get('{dr_url_prefix('index.php')}?s=member&app=quan&c=jiaru&m=huiyuanzu&quanid='+quanid+'&huiyuanzuid='+huiyuanzuid) // 发送GET请求到指定的URL  
		        .then(response => {
					this.huiyuanzudata = response.data.data.data;
					/*if(response.data.code==0){
						layer.msg(response.data.data.msg,{time:500});
					}
					if(response.data.code==1){
						layer.msg(response.data.data.msg,{time:500});
					}*/
		            // 假设服务器返回的数据在response.data中  
		        })  
		        .catch(error => {  
		            console.error('Error fetching products:', error); // 处理错误情况  
		        });  
		},
		jiaruhuiyuanzu(quanid,huiyuanzuid) {
			
			//{dr_url_prefix('index.php')}?s=member&app=quan&c=jiaru&m=jiaruhuiyuanzu&quanid="+quanid+"&yonghuzuid="+huiyuanzuid
		    axios.get('{dr_url_prefix('index.php')}?s=member&app=quan&c=jiaru&m=jiaruhuiyuanzu&quanid='+quanid+'&huiyuanzuid='+huiyuanzuid) // 发送GET请求到指定的URL  
		        .then(response => {
					this.jiaruhuiyuanzudata = response.data.data.data;
					if(response.data.code==0){
						layer.msg(response.data.data.msg,{time:500});
					}
					if(response.data.code==1){
						layer.msg(response.data.data.msg,{time:500});
					}
		            // 假设服务器返回的数据在response.data中  
		        })  
		        .catch(error => {  
		            console.error('Error fetching products:', error); // 处理错误情况  
		        });  
		},
		huiyuanzuzhifu(id) {
		    axios.get('/index.php?s=member&app=quan&c=jiaru&m=zhifu&id='+id) // 发送GET请求到指定的URL  
		        .then(response => {
		
					if(response.data.code==1){
						this.zhifu = response.data.data;
					}
		        })  
		        .catch(error => {  
		            console.error('Error fetching products:', error); // 处理错误情况  
		        });  
		},
	},
	mounted() {
			// 在组件挂载后调用fetchProducts方法  
			this.huiyuanzulist();
			
		},
	});
	// 挂载应用到DOM元素上
	app.mount('#show'); 

</script>
{template "css-js.html"}
{template "footer.html"}